html, body, #app {
    height: 100%;
    margin: 0;
    padding: 0;
}

.el-row  {
    height: 100%;
    width: 100%;
}

 .el-row, .el-col {
    height: 100%;
}

.el-card__body {
    height: 100%;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner{
    width: auto;
}
#side_bar {
    position: fixed;
    width: 30%;
    height: 100%;
    z-index: 10;
}

.side_bar_title {
    height: 50px;
}

.side_bar_title_name {
    font-weight: bolder;
    float: left;
}

.side_bar_title_icon {
    font-weight: bolder;
    float: right;
}

.growth_cycle_button, .acquisition_data_button {
    margin-bottom: 10px;
}

.charts_details {

}

.charts_icon {
    /*width: 100%;*/
    /*height: 90%;*/
    /*margin:10px auto*/
    /*background: url("../pic/icon-environment.svg") no-repeat center center;*/
}

.charts_font {
    font-weight: bolder;
    color: green;
    padding-top: 10px;
    font-size: 14px;
}

.details_title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-weight: bolder;
    text-align: left;
    font-size: 20px
}

.son_title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-weight: bolder;
    text-align: left;
    font-size: 16px;
}

